.resume-editing {
	margin: 0 16px;
	opacity: 0.8;
	text-align: right;
	text-decoration: none;
	transition: opacity 150ms;

	&:hover {
		opacity: 1;
	}

	&.is-requesting {
		display: none;
	}

	@include breakpoint-deprecated( '<660px' ) {
		display: none;
	}

	.site-icon {
		display: inline-block;
		margin-right: 8px;
		vertical-align: bottom;

		svg {
			position: relative;
			top: 1px;
		}
	}
}

.resume-editing__label {
	color: var( --color-text-inverted );
	font-size: $font-body-extra-small;
	font-weight: 600;
	opacity: 0.7;
	text-transform: uppercase;
}

.resume-editing__post-title {
	position: relative;
	overflow: hidden;
	color: var( --color-text-inverted );
	display: block;
	max-width: 25vw;
	white-space: nowrap;
	font-family: $serif;
	font-size: $font-body-small;
	line-height: 1.1;

	&::after {
		@include long-content-fade( $size: 24px, $color: var( --color-primary-rgb ) );
		left: 25vw;
		right: auto;
		margin-left: -24px;
	}
}
